// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Environment Header has a failed pipeline matches the snapshot 1`] = `
<div
  class="align-items-center border-0 card-header d-flex dashboard-card-header-failed py-2"
>
  <div
    class="block-truncated flex-grow-1"
  >
    <gl-link-stub
      class="cgray js-environment-link"
      href="/enivronment/1"
      title="staging"
    >
      <span
        class="bold js-environment-name"
      >
        staging
      </span>
    </gl-link-stub>
  </div>
  <review-app-link-stub
    cssclass="btn btn-default btn-sm"
    display="[object Object]"
    link="http://example.com"
    size="medium"
  />
</div>
`;

exports[`Environment Header has errors matches the snapshot 1`] = `
<div
  class="align-items-center border-0 card-header d-flex dashboard-card-header-warning py-2"
>
  <div
    class="block-truncated flex-grow-1"
  >
    <gl-link-stub
      class="cgray js-environment-link"
      href="/enivronment/1"
      title="staging"
    >
      <span
        class="bold js-environment-name"
      >
        staging
      </span>
    </gl-link-stub>
  </div>
  <review-app-link-stub
    cssclass="btn btn-default btn-sm"
    display="[object Object]"
    link="http://example.com"
    size="medium"
  />
</div>
`;

exports[`Environment Header renders name and link to app matches the snapshot 1`] = `
<div
  class="align-items-center bg-light border-0 card-header d-flex py-2"
>
  <div
    class="block-truncated flex-grow-1"
  >
    <a
      class="cgray gl-link js-environment-link"
      href="/enivronment/1"
      title="staging"
    >
      <span
        class="bold js-environment-name"
      >
        staging
      </span>
    </a>
  </div>
  <a
    class="btn btn-default btn-md btn-sm gl-button"
    data-track-action="open_review_app"
    data-track-label="review_app"
    href="http://example.com"
    rel="noopener noreferrer nofollow"
    target="_blank"
    title=""
  >
    <span
      class="gl-button-text"
    >
      View app
      <svg
        aria-hidden="true"
        class="fgray gl-icon s16"
        data-testid="external-link-icon"
        role="img"
      >
        <use
          href="file-mock#external-link"
        />
      </svg>
    </span>
  </a>
</div>
`;

exports[`Environment Header with environments grouped into a folder matches the snapshot 1`] = `
<div
  class="align-items-center bg-light border-0 card-header d-flex py-2"
>
  <div
    class="block-truncated flex-grow-1"
  >
    <gl-link-stub
      class="cgray js-environment-link"
      href="/enivronment/1"
      title="review/testing"
    >
      <span
        class="bold js-environment-name"
      >
        review/testing
      </span>
    </gl-link-stub>
    <gl-badge-stub
      class="dashboard-card-icon"
      iconsize="md"
      size="md"
      variant="muted"
    >
      5
    </gl-badge-stub>
  </div>
  <gl-icon-stub
    class="dashboard-card-icon"
    name="information"
    size="16"
    title="You are looking at the last updated environment"
  />
</div>
`;
